import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'
import '../src/assets/css/global.css'
import TreeTable from 'vue-table-with-tree-grid'
import axios from "axios";
//这里是加载一个vue的富文本输入框的组件
import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme
Vue.config.productionTip = false
axios.defaults.baseURL = 'https://lianghj.top:8888/api/private/v1/'
axios.interceptors.request.use(config => {
    config.headers.Authorization = window.sessionStorage.getItem('token');
    //一定注意 要将这个config  即 请求头信息 return 出去  不然会报错
    return config
})
//这里是在vue的  原型对象上  绑定 一个叫做$http   的数据  它被赋值为axios对象   用户就可以通过this.$http来在任意的组件里使用   axios库了
Vue.prototype.$http = axios
//这里是加载了一个vue的树形控件的组件
Vue.component('tree-table', TreeTable);
//这里是加载一个vue的富文本输入框的组件
Vue.use(VueQuillEditor)
//这里是定义一个全局过滤器将时间格式进行转化
Vue.filter('dateFormat', function (originVal) {
    //这里注意一下  padStart 方法是用来进行字符串填充用的
    const dt = new Date(originVal);
    const year = dt.getFullYear();
    const month = (dt.getMonth() + 1 + "").padStart(2, "0");
    const date = (dt.getDate() + "").padStart(2, "0");
    const hh = (dt.getHours() + "").padStart(2, "0")
    const mm = (dt.getMinutes() + "").padStart(2, "0")
    const ss = (dt.getSeconds() + "").padStart(2, "0")
    return `${year}-${month}-${date}-${hh}-${mm}-${ss}`
})
new Vue({
    router,
    render: h => h(App)
}).$mount('#app')
